$(function () {
  // 主页模块

  // 页面加载时直接发送请求，获取用户的基本信息
  function loadUserInfo () {
    $.ajax({
      type: 'get',
      url: 'my/userinfo',
      success: function (res) {
        if (res.status === 0) {
          // 获取成功,展示信息
          if (res.data.user_pic) {
            // 有头像，添加头像
            $('.userinfo').html(`
              <div class="avatar">
                <img src="${res.data.user_pic}" alt="" />
              </div>
              <div class="msg">欢迎${res.data.nickname}</div>
            `).eq(0).append('<span class="layui-nav-more"></span>')
          } else {
            $('.userinfo').html(`
              <div class="avatar">A</div>
              <div class="msg">欢迎${res.data.nickname}</div>
            `).eq(0).append('<span class="layui-nav-more"></span>')
          }
        } else {
          layer.msg(res.message)
        }
      }
    })
  }
  loadUserInfo()
  
  // 定义了一个全局函数
  window.loadUserInfo = loadUserInfo

  // 实现退出功能
  $('#logout').click(function () {
    // 退出系统：清除本地缓存的token,跳转到登录页面
    layer.confirm('确认要退出吗?', {icon: 3, title:'提示'}, function(index){
      // 回调函数点击确认后触发
      // 清除token缓存
      sessionStorage.removeItem('mytoken')
      // 关闭确认框
      layer.close(index)
      // 跳转到登录页面
      location.href = './login.html'
    })
  })
})